
.scroll{
  height: 100vh;
}
.container{
  height: 100vh;
}

.worker-list{
  margin-top: 0;
  padding-top: 50rpx;
  padding-bottom: 150rpx;
}

.worker-msg-li {
  display: flex;
  justify-content: left;
  padding-top: 6rpx;
}

.worker-msg-li .left {
  color: #A6A8AF;
  margin-right: 20rpx;
}
.worker-tx-label{
    padding: 3rpx 8rpx;
    background: #FF7E68;
    border-radius: 14rpx;
    color: white;
    font-size: 20rpx;
    position: relative;
    bottom: 60rpx;
    display: inline-block;
}

.text-last-align {
  width: 96rpx;
  display: inline-block;
  text-align: justify;
  text-align-last: justify;
}
.btn-icon {
  width: 44rpx;
  height: 44rpx;
  margin-right: 12rpx;
}
.senior-head{
  @include padding-box(30rpx 30rpx 0 30rpx);
}
.senior-head-btn{
  @include space-between;
}
.total-people{
  .title-num{
    color: $black;
    font-size: $font-small;
  }
  .total-num{
    color: $black;
    font-size: 70rpx;
    margin-top: 10rpx;
    font-weight: bold;
    .company{
      color: #cbcbd4;
      font-size: $font-small;
    }
  }
}
.btn-code{
  background: $green;
  text-align: center;
  @include space-between;
  @include padding-box(10rpx 0 10rpx 33rpx);
  border-radius: 50rpx;
  width: 220rpx;
  height: 60rpx;
  .text{
    color: #ffffff;
  }
  .btn-icon-box{
    background: #4CE2A1;
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .btn-icon-img{
    width: 40rpx;
    height: 40rpx;
  }
}
.senior-head-block{
  @include space-between;
  margin-top: 30rpx;
  .block{
    @include padding-box(24rpx);
    background: #fafafa;
    width: 47%;
    border-radius: 16rpx;
  }
  
  .block-title{
    display: flex;
    align-items: center;
    .block-type{
      width: 6rpx;
      height: 17rpx;
      background: $green;
      border-radius: 3rpx;
      margin-right: 10rpx;
    }
    .block-type-orange{
      background: #FC6B21;
    }
  }
  .block-info{
    display: flex;
    align-items: center;
    margin-top: 21rpx;
    .block-info-num{
      font-size: $font-large;
      margin-right: 24rpx;
    }
    .block-compare{
      color: $grey;
      font-size: 20rpx;
    }
    .calculation{
      color: $black;
      font-size: 20rpx;
      margin-left: 4rpx;
    }
    .rise{
      width: 16rpx;
      height: 16rpx;
      margin-left: 4rpx;
    }
  }
}

.worker{
  @include space-between;
  padding: 0 60rpx 0 20rpx;
  width: 690rpx;
  height: 160rpx;
  position: relative;
}
.worker-active{
  background: #f3f3f3;
  color: #9497B1;
}
.worker-logout{
  position: absolute;
  right: 145rpx;
  top: 50rpx;
  width: 100rpx;
  height: 70rpx;
}
.worker-tx {
  width: 150rpx;
  height: 100%;
  text-align: center;
}
.worker-tx-img {
  @include roundImage(98rpx);
  display: block;
  margin: 30rpx auto;
}
.worker-sex-icon{
  width: 30rpx;
  height: 30rpx;
  margin-left: 10rpx;
}
.worker-msg{
  display: flex;
  justify-items: left;
  align-items: center;
}
.worker-phone{
  width:60rpx;
  height: 60rpx;
}
.worker-name {
  font-size: 32rpx;
  margin-top: 0;
}
// .list-before-small{
//     height: 310rpx !important;
// }
// .list-before-large{
//     height: 510rpx !important;
// }
.point{
  width: 8rpx;
  height: 8rpx;
  border-radius: 8rpx;
  background-color: rgb(222,223,231);
  float: left;
  margin-right: 8rpx;
}
.more {
  right: 50rpx;
  top: 86rpx;
}